<template>
  <div class="container">
    <div class="top">
      <van-image
          width="100%"
          height="100%"
          fit="contain"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      />
    </div>

    <div class="body">
      <div class="item" @click="Go">
        <div class="title">大家还是看海峰iu好</div>
        <div class="info">阿斯顿了开明发了就开始姐姐的反馈你尽快给你你快递数据女款阿斯顿了开明发了就开始姐姐的反馈你尽快给你你快递数据女款</div>
        <div class="btm">
          2023 12 12 9 ; 00
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import{ useRouter} from "vue-router"
const router = useRouter()
const Go = ()=>{
  router.push("/item")
}
</script>

<style scoped lang="less">
.container {

  .top {
    width: 90%;

    margin: 10px auto;
    margin-bottom: 10px;
  }

  .body {
    width: 90%;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;

    .title {
      line-height: 30px;
      text-align: start;
      color: #303133;
    }

    .info {
      color: #606266;
      text-align: start;
      box-sizing: border-box;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;

    }
    .btm{
      text-align: start;
      color:#C0C4CC;
    }
  }
}
</style>